/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.sidenav li a.active {
    color: #fff;
}

.sidenav li a.active i {
    color: #fff;
}

.sidenav-active-square .sidenav li > a.active {
    color: #fff;
}

.sidenav-active-square .sidenav li > a.active i {
    color: #fff;
}

.sidenav-active-square .sidenav li:not(.open) > a.active {
    color: #fff;
}

.sidenav-active-square .sidenav li:not(.open) > a.active i {
    color: #fff;
}

.gradient-45deg-light-blue-pro {

    background: #2196f3;
    background: -webkit-linear-gradient(45deg, #2196f3, #bbdefb) !important;
    background: -moz- oldlinear-gradient(45deg, #2196f3, #bbdefb) !important;
    background: -o-linear-gradient(45deg, #2196f3, #bbdefb) !important;
    background: linear-gradient(45deg, #2196f3, #bbdefb) !important;

}

.gradient-45deg-light-blue-pro.gradient-shadow {

    -webkit-box-shadow: 0 6px 20px 0 rgba(38, 117, 218, 0.5) !important;
    box-shadow: 0 6px 20px 0 rgba(38, 117, 218, 0.5) !important;

}

.search-btn {
	box-shadow: unset;
	background-color: transparent;
}

.search-btn:hover {
	background-color: transparent;
}

.search-btn i {
  color: #cdcdcd;
}

#main .section-data-tables .dataTables_wrapper table.dataTable tbody {
  height: auto;
}

.modal-header {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.modal .modal-header-close {
	padding: 0;
}

.modal.modal-fixed-footer .modal-header {
  padding: .5rem 1rem;
}

.modal.modal-fixed-footer .modal-content {
  height: calc(100% - 56px - 52px);
  padding: 10px 24px;
}

.modal .modal-content .row {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.modal a:hover {
  text-decoration: none;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly])
{
    border-bottom: 1px solid #0277bd;
    -webkit-box-shadow: 0 1px 0 0 #0277bd;
            box-shadow: 0 1px 0 0 #0277bd;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label
{
    color: #0277bd;
}

.dropdown-content li > a, .dropdown-content li > span {
    /* color: #0277bd; */
    color: #3a4a5a;
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #0277bd;
    -webkit-box-shadow: 0 1px 0 0 #0277bd;
            box-shadow: 0 1px 0 0 #0277bd;
}

.select-dropdown {
  max-height: 300px;
}

.datepicker td, .datepicker th {
  padding: 3px 5px;
}

.datepicker tr {
  border-bottom: unset;
}

.card .card-content {
	min-height: 400px;
}
